import React, { Component } from 'react';
import { glabalContext } from './common/js/globalData';
// const {Consumer} = glabalContext
class TransferToChild3 extends Component {
  state = { 
    a: 20,
    b: 12
   }
  render() { 
    console.log('this', this)
    return ( <div>
      子组件child3,使用contextType简化Consumer<br/>
      {/*  使用contextType读取全局共享数据 */}
      role:   { this.context.role}<br/>
         amdin: { this.context.email}
         <button onClick={() => this.context.updateRole('小舞')}>context-updateRole-修改role</button>
    </div> );
  }
}
// 挂载在 class 上的 contextType 属性可以赋值为由 React.createContext () 创建的 Context 对象。 此属性可以让你使用 this.context 来获取最近 Context 上的值
TransferToChild3.contextType = glabalContext
export default TransferToChild3;